<!DOCTYPE html>
<html class="x-admin-sm">
  <head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="__ADMIN__/css/font.css">
    <link rel="stylesheet" href="__ADMIN__/css/xadmin.css">
    <script type="text/javascript" src="__ADMIN__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__ADMIN__/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="__ADMIN__/js/xadmin.js"></script>
    <script type="text/javascript" src="__ADMIN__/js/cookie.js"></script>
    <style>
        .layui-btn+.layui-btn{
            margin-left: 0;
        }
        .layui-table td, .layui-table th
        {
            min-width: 50px !important;
        }
.function-pack .item-application {
    padding-bottom: 24px;
}
.function-pack .item-application .title {
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    padding-bottom: 16px;
}
.flex-row-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.function-pack .item-application .pack-center .pack-item {
    margin-right: 16px;
    cursor: pointer;
    min-width: 254px;
    padding-bottom: 24px;
    background-color: #fafafa;
    padding: 16px 0;
    margin-bottom: 16px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.pack-item {
    width: calc((100% - 48px) / 4);
}
.flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.function-pack .item-application .pack-center .pack-item .center {
    padding-left: 12px;
    padding-right: 16px;
    width: calc(100% - 138px);
}
.function-pack .item-application .pack-center .pack-item .imitation-button {
    text-align: center;
    line-height: 24px;
    width: 60px;
    height: 24px;
    -webkit-border-radius: 31px;
    border-radius: 31px;
    background: #f0f0f0;
    color: #666666;
    font-weight: 400;
}
.function-pack .item-application .pack-center .pack-item .center .name {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    padding-bottom: 6px;
}
.function-pack .item-application .pack-center .pack-item p {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: 400;
    font-family: "PingFang SC";
}
.function-pack .item-application .pack-center .pack-item .center .desc {
    font-size: 12px;
    color: #999999;
}
.function-pack .item-application .pack-center .pack-item p {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: 400;
    font-family: "PingFang SC";
}
.function-pack .item-application .pack-center .pack-item img {
    width: 48px;
    height: 48px;
    margin-left: 16px;
}

    </style>
  </head>
  
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a><cite>{$nav}</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon layui-icon-refresh-3" style="line-height:30px"></i></a>
    </div>
    <div class="x-body x-admin">
        <div class="function-pack">
            {volist name="mch" id="v" key="k"}
            <div class="item-application">
            	<div class="title">
            		{if $k == 1}老后台{/if}
            		{if $k == 2}新后台{/if}
            		{if $k == 3}--{/if}
            		{if $k == 4}--{/if}
            	</div>
            	<div class="pack-center flex-row-wrap">
            	    {volist name="v" id="vv" }
            		<div class="pack-item flex-center" onclick="javascript:window.location.href='{:url('WechatPayComplaint/index')}?mch_id={$vv.mch_id}'">
                	    {if $k == 1}<img src="http://oa.tovqb.top/uploads/avatar/depart_1.jpg">{/if}
                	    {if $k == 2}<img src="http://oa.tovqb.top/uploads/avatar/depart_1.jpg">{/if}
                	    {if $k == 3}<img src="http://oa.tovqb.top/uploads/avatar/depart_1.jpg">{/if}
                	    {if $k == 4}<img src="http://oa.tovqb.top/uploads/avatar/depart_1.jpg">{/if}
            			<div class="center">
            				<p class="name">
            					商户号：{$vv.mch_id}
            				</p>
            				<div class="desc">
            					<p title="" >
            					    {if $vv.data.uncomplaint > 0}
            						<span style="color:red">有{$vv.data.uncomplaint}条未处理完成</span>
            						{else}
            						正常
            						{/if}
            					</p>
            				</div>
            			</div>
            			<div class="imitation-button obtain">
            				进入
            			</div>
            		</div>
            		{/volist}
            	</div>
            </div>
            {/volist}
        
        </div>

    </div>


    <script>
      layui.use(['form','layer','jquery','table','util'], function(){
        form = layui.form,
        layer = layui.layer
        ,$ = layui.jquery
        ,table = layui.table
        ,util = layui.util;
        
      });

    </script>
  </body>

</html>